<template>
  <div v-if="Object.keys(dischargeRecordItemData).length>0" class="item-menu-main discharge-record">
    <h3>患者信息</h3>
    <ol v-if="jzlb === 1" class="discharge-record-details">
      <li>姓名：{{ dischargeRecordItemData.name }}</li>
      <li>性别：{{ dischargeRecordItemData.xbmc }}</li>
      <li>出生日期：{{ dischargeRecordItemData.csrq }}</li>
      <li>门诊号：{{ dischargeRecordItemData.mzh }}</li>
      <li>就诊科室名称：{{ dischargeRecordItemData.jzksmc }}</li>
      <li>就诊时间：{{ dischargeRecordItemData.jzrq }}</li>
      <li>主诉：{{ dischargeRecordItemData.zs }}</li>
      <li>现病史：{{ dischargeRecordItemData.xbs }}</li>
      <li>既往史：{{ dischargeRecordItemData.jws }}</li>
      <li>手术史：{{ dischargeRecordItemData.sss }}</li>
      <li>家族史：{{ dischargeRecordItemData.jzs }}</li>
      <li>诊断名称：{{ dischargeRecordItemData.zdmc }}</li>
      <li>诊断代码（ICD10）：{{ dischargeRecordItemData.mzzddm }}</li>
    </ol>
    <ol v-if="jzlb === 2" class="discharge-record-details">
      <li>姓名：{{ dischargeRecordItemData.name }}</li>
      <li>性别：{{ dischargeRecordItemData.xbmc }}</li>
      <li>出生日期：{{ dischargeRecordItemData.csrq }}</li>
      <li>住院号：{{ dischargeRecordItemData.zyh }}</li>
      <li>病案号：{{ dischargeRecordItemData.bah }}</li>
      <li>入院科室名称：{{ dischargeRecordItemData.ryksmc }}</li>
      <li>入院日期：{{ dischargeRecordItemData.ryrq }}</li>
      <li>出生日期：{{ dischargeRecordItemData.cyrq }}</li>
      <li>出院诊断：{{ dischargeRecordItemData.cyzdmc }}</li>
      <li>出院科室名称：{{ dischargeRecordItemData.cyksmc }}</li>
    </ol>
  </div>
</template>

<script>

export default {
  name: 'DischargeRecord',
  props: {
    dischargeRecordItemData: {
      type: Object,
      default() {
        return {}
      }
    },
    jzlb: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="scss" scoped>
.discharge-record{
  h2,h3{
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center;
    color: #565656;
  }
  .discharge-record-details{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    li{
      width: 260px;
      margin-bottom: 20px;
      margin-right: 10px;
      font-size: 16px;
      color: #565656;
    }
  }
}

</style>
